<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>购物车</title>
<base href="http://localhost:8080/book/">
	<%@include file="/pages/common/head.jsp"%>
	<script type="text/javascript">
		$(function () {
			// 删除提示
			$("a#deleteItem").click(function () {
				//用confirm方法提示用户删除信息
				return confirm("是否删除《"+$(this).parent().parent().find("td:first").text()+"》这本书的订单?");
			})
			// 清空提示
			$("a#clearCart").click(function () {
				return confirm("你确定要清空购物车么？");
			})
			//给修改绑定change事件，一改变数目就提示用户
			$(".count").change(function () {
				//获取修改图书名
				var bookName = $(this).parent().parent().find("td:first").text();
				//获取修改图书的量
				var count  = $(this).val();
				//获取要修改图书的id值
				var bookId = $(this).attr("bookId");
				if(confirm("你确定修改图书《"+bookName + "的订单数量为：" + count)){
					//确定修改,发送请求到CartServlet中的updateItem方法中
					location.href = "${pageScope.basePath}/cartServlet?action=updateItem&bookId=" + bookId + "&count=" + count;
				}else{
					//取消修改，则显示原来数量 defaultValue是一个默认值，是再修改前的值
					this.value = this.defaultValue;
				}
			})
		})
	</script>
</head>
<body>
	
	<div id="header">
			<img class="logo_img" alt="" src="static/img/logo.gif" >
			<span class="wel_word">购物车</span>
			<div>
				<span>欢迎<span class="um_span">韩总</span>光临尚硅谷书城</span>
				<a href="pages/order/order.jsp">我的订单</a>
				<a href="index.jsp">注销</a>&nbsp;&nbsp;
				<a href="index.jsp">返回</a>
			</div>
	</div>
	
	<div id="main">
	
		<table>

				<tr>
					<td>商品名称</td>
					<td>数量</td>
					<td>单价</td>
					<td>金额</td>
					<td>操作</td>
				</tr>

			<c:if test="${empty sessionScope.cart.items}">
				<tr >
					<td colspan="5"><a href="index.jsp">亲，购物车为空快去和小伙伴浏览商品吧！</a></td>
				</tr>
			</c:if>
			<c:if test="${not empty sessionScope.cart.items}">
				<c:forEach items="${sessionScope.cart.items}" var="entry">
					<tr>
						<td>${entry.value.name}</td>
						<td>
							<input type="text" style="width: 60px" class="count" value="${entry.value.count}"
							bookId = "${entry.value.id}">
						</td>
						<td>${entry.value.price}</td>
						<td>${entry.value.totalPrice}</td>
						<td><a href="cartServlet?action=deleteItem&id=${entry.value.id}" id="deleteItem">删除</a></td>
					</tr>
				</c:forEach>
			</c:if>
		</table>
		<%--当前购物车是不为空--%>
		<c:if test="${not empty sessionScope.cart.items}">
			<div class="cart_info">
				<span class="cart_span">购物车中共有<span class="b_count">${sessionScope.cart.totalCount}</span>件商品</span>
				<span class="cart_span">总金额<span class="b_price">${sessionScope.cart.totalPrice}</span>元</span>
				<span class="cart_span"><a href="cartServlet?action=clearCart" id="clearCart">清空购物车</a></span>
				<span class="cart_span"><a href="orderSevlet?action=createOrder">去结账</a></span>
			</div>
		</c:if>

	
	</div>

	<%--	静态包含页脚信息	--%>
	<%@include file="/pages/common/footer.jsp"%>
</body>
</html>